<!DOCTYPE html>
<html lang="zh">
<head>
<title>Home - Home Page | ipartment </title>
<meta charset="utf-8">
<meta name="description" content="个人网站，模板来自于网络。主要是实践网站开发" />
<meta name="keywords" content="website, code, ipart,爱情公寓,编程,网站设计" />
<meta name="author" content="Rongqi- study from Templates.com " />
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/ITC_Busorama_500.font.js"></script>
<!--[if lt IE 7]>
     <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
     <script type="text/javascript" src="js/ie_png.js"></script>
     <script type="text/javascript">
        ie_png.fix('.png, header nav ul li, header nav ul li a, h1 a');
     </script>
<![endif]-->
<!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
</head>
<body id="page1">
<div class="wrap">
   <!-- header -->
   <header>
   <div class="container">
         <h1><a href="index.html">ipartment</a></h1>
      <nav>
         <ul>
            <li class="m1"><a href="index.html" class="active"><span>home</span></a></li>
            <li class="m2"><a href="Doing.html"><span>Doing</span></a></li>
            <li class="m3"><a href="Project.html"><span>Project</span></a></li>
            <li class="m4"><a href="contact-us.html"><span>contacts</span></a></li>
            <li class="m5 last"><a href="About.html"><span>About Me</span></a></li>
         </ul>
      </nav>
   </div>
   </header>
   <div class="container">
      <!-- aside -->
      <aside>
         <div class="inside">
            <h2>Latest News</h2>
            <ul class="news">
               <li><a href="#">2014年1月17日</a><strong>收看“爱情公寓 IV”</strong>我和小伙伴们都爱看，第一季上映的时候我还在读大学。转眼，爱第四季了，我也工作了好几年。虽然，很多人说爱抄袭太多，但是，我觉得，只要有笑点就好啦！</li>
               <li><a href="#">2013年11月1日</a><strong>开始学习各种知识</strong>开始学习各种知识，尤其是：知识管理。我积累的开始需要消化消化了。</li>
               <li><a href="#">2013年6月1日</a><strong>练太极拳</strong>身体是革命的本钱（这话谁说的来着？），一定要锻炼好身体。</li>
            </ul>
         </div>
      </aside>
      <!-- content -->
      <section id="content">
         <div class="wrapper">
            <article class="col-1">
               <h2>Burn The Night!</h2>
               <img src="images/1page-img.jpg">
               <p class="p1">Music Beats Site is a free web template created by <span class="txt1">TemplateMonster.com</span> team. This website template is optimized for 1024X768 screen resolution. It is also HTML5 &amp; CSS3 valid.</p>
               <p class="p0">This website template can be delivered in two packages - with PSD source files included and without them. If you need PSD source files, go to the template download page at TemplateMonster to leave the e-mail that you want the template ZIP package to be delivered to.</p>
            </article>
            <article class="col-2">
               <h2>Recent Articles</h2>
               <ul class="list">
                  <li><strong>About This Template</strong>Free 1028X768 Optimized Website Template from <a href="http://www.templatemonster.com" class="new_window">TemplateMonster.com</a>! We hope that you like this template and will use for your websites. <a href="#"><img src="images/arrow.gif"></a></li>
                  <li><strong>Music Beats</strong>Sed ut perspiciatis unde omnis iste beatae vitae dicta sunt explicabo labore voluptatemenim. <a href="#"><img src="images/arrow.gif"></a></li>
                  <li><strong>Night Club Life</strong>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet adipisci velit sed quia non numquamt. <a href="#"><img src="images/arrow.gif"></a></li>
                  <li><strong>Best DJ Sets</strong>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet adipisci velit sed quia nnumquamt. <a href="#"><img src="images/arrow.gif"></a></li>
               </ul>
            </article>
         </div>
      </section>
      <div class="clear"></div>
   </div>
</div>
<!-- footer -->
<footer>
   <div class="container">
      <div class="cont-bot"></div>
      <div class="inside"> Copyleft - I have no Copyright<br>
         <a href="http://www.templatemonster.com" class="new_window" rel="nofollow">Website template</a> designed by TemplateMonster.com &nbsp; &nbsp; | &nbsp; &nbsp; <a href="http://www.templates.com/product/3d-models/" class="new_window" rel="nofollow">3D Models</a> provided by Templates.com
	  </div>
   </div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
